<template>
  <div>
    <!-- text html prev  -->
    <!-- v-html:快速设置 innerHTML 属性的值， 被解析成html-->
    <p v-html="words"></p>
    <!-- v-text:快速设置 innerText 属性的值，纯文本展示 -->
    <p v-text="words"></p>
    <hr>
    <!-- {{}}:是vue的语法 -->
    <div>{{8+8}}</div>
    <!-- v-pre:不解析vue的语法 -->
    <div v-pre>{{8+8}}</div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        words: '<h1>你好蔡徐坤</h1>'
      }
    },
  }
</script>

<style lang="scss" scoped>

</style>